<!DOCTYPE html>
<html>
<head>
	<title>凡客VANCL-互联网时尚品牌</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="index.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div id="top">
		<div class="w1200">
			<div class="f_r">
				<div id="welcome">
					<span>您好，欢迎光临凡客诚品！</span>
					<span><a href="">登录</a></span>
					<span>|</span>
					<span><a href="">注册</a></span>
					<span>我的订单</span>
				</div>
				<div id="notice">
					<span><a href=""><img src="img/radio.png"></a></span>
					<span><a href=""></a></span>
					<span><a href=""><img src="img/wx.jpg"></a></span>
					<span><a href=""><img src="img/wb.jpg"></a></span>
				</div>
			</div>
		</div>
	</div>
	<div id="head" class="w1200">
		<div id="search">
			<input type="text" value="搜“羽绒服”，体验与众不同" /><button>搜索</button>
			<div id="shoppingcar">
				<span>购物车（0）</span>
			</div>
		</div>
		<div id="hot">
			<span>热门搜索：</span>
			<a href="">免烫衬衫</a>
			<a href="">羽绒服</a>
			<a href="">羊毛大衣</a>
			<a href="">智能温控</a>
			<a href="">户外鞋</a>
			<a href="">休闲裤</a>
			<a href="">跑步T恤</a>
		</div>
	</div>
	<div id="navbox" class="w1200">
		<img src="img/logo.png">
		<div id="nav">
			<ul class="p">
				<li class="aaa"><a href="">首页</a></li>
				<span>|</span>
				<li class="aaa"  index="0"><a href="">衬衫</a>
					<div class="subNav">
						<span></span>
						<ul>
							<li><a href="">免烫</a></li>
							<li><a href="">高支</a></li>
							<li><a href="">休闲</a></li>
							<li><a href="">法兰绒</a></li>
							<li><a href="">牛津纺</a></li>
							<li><a href="">青年布</a></li>
							<li><a href="">牛仔</a></li>
							<li><a href="">麻</a></li>
							<li><a href="">府绸</a></li>
							<li><a href="">私人订制</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa" index="1"><a href="">羽绒服</a>
					<div class="subNav">
						<ul>
							<li><a href="">男款</a></li>
							<li><a href="">女款</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa" index="2"><a href="">外套</a>
					<div class="subNav">
						
						<ul>
							<li><a href="">羽绒服</a></li>
							<li><a href="">大衣</a></li>
							<li><a href="">西服</a></li>
							<li><a href="">夹克</a></li>
							<li><a href="">卫衣</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa"  index="3"><a href="">针织衫</a>
					<div class="subNav">
						
						<ul>
							<li><a href="">羊绒衫</a></li>
							<li><a href="">羊毛衫</a></li>
							<li><a href="">棉线衫</a></li>
							<li><a href="">空调衫</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa"  index="4"><a href="">水柔棉</a>
					<div class="subNav">
						
						<ul>
							<li><a href="">拉链开衫</a></li>
							<li><a href="">长袖V领</a></li>
							<li><a href="">长袖圆领</a></li>
							<li><a href="">短袖</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa"  index="5"><a href="">裤装</a>
					<div class="subNav">
						
						<ul>
							<li><a href="">商务</a></li>
							<li><a href="">休闲裤</a></li>
							<li><a href="">牛仔裤</a></li>
							<li><a href="">麻裤子</a></li>
							<li><a href="">针织裤</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa"  index="6"><a href="">鞋</a>
					<div class="subNav">
						
						<ul>
							<li><a href="">复古跑鞋</a></li>
							<li><a href="">户外鞋</a></li>
							<li><a href="">帆布鞋</a></li>
							<li><a href="">皮鞋</a></li>
							<li><a href="">休闲鞋</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa"  index="7"><a href="">袜品</a>
					<div class="subNav">
						
						<ul>
							<li><a href="">中筒袜</a></li>
							<li><a href="">连裤袜</a></li>
							<li><a href="">船袜</a></li>
						</ul>
					</div>
				</li>
				<span>|</span>
				<li class="aaa"  index="8"><a href="">家居配饰</a>
					<div class="subNav">
						
						<ul>
							<li><a href="">床品三件套</a></li>
							<li><a href="">床品四件套</a></li>
							<li><a href="">羽绒被</a></li>
							<li><a href="">鹅绒被</a></li>
							<li><a href="">蚕丝被</a></li>
							<li><a href="">羽毛枕</a></li>
							<li><a href="">摇粒绒毯</a></li>
							<li><a href="">珊瑚绒毯</a></li>
							<li><a href="">珊瑚绒睡袍</a></li>
							<li><a href="">配饰</a></li>
						</ul>
					</div>
				</li>
			</ul>
		</div>
	</div>






<div class="main">


		<div class="content" style="width:1200px;height:535px;margin:30px auto;overflow:hidden;">
			<div id="slider">
				<a href="#"><img src="temp/banner1.jpg"/></a>
				<a href="#"><img src="temp/banner2.jpg"/></a>
				<a href="#"><img src="temp/banner3.jpg"/></a>
				<a href="#"><img src="temp/banner4.jpg"/></a>
				<a href="#"><img src="temp/banner5.jpg"/></a>
				<a href="#"><img src="temp/banner6.jpg"/></a>
				<a href="#"><img src="temp/banner7.jpg"/></a>
			</div>
		</div>  






</div>








	<div id="rechange" class="w1200">
		<img src="img/rechange.jpg">
	</div>
	<div id="main">
		<div id="new" class="w1200">
			<div class="title">
				<p>新品推荐</p>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/paris.jpg"></a>
					<p>卫衣PARIS<span>359&nbsp; 元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/cord.jpg"></a>
						<p>卫衣CORD DOG<span>359&nbsp; 元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/can.jpg"></a>
						<p>卫衣CAN CAN<span>359&nbsp; 元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/pop.jpg"></a>
					<p>卫衣POP ART DOG<span>359&nbsp; 元</span></p>
				</div>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/noma.jpg"></a>
					<p>卫衣NOMANTIC HEART WAPPEN<span>359&nbsp; 元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/classic.jpg"></a>
						<p>卫衣CLASSIC FEDORA DOG<span>359&nbsp; 元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/coco.jpg"></a>
						<p>卫衣COCO DOG<span>359&nbsp; 元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/champ.jpg"></a>
					<p>卫衣NEW CHAMP DOG<span>359&nbsp; 元</span></p>
				</div>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/brom.jpg"></a>
					<p>卫衣BROMANCE TWIN DOG<span>399&nbsp; 元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/beyond.jpg"></a>
						<p>卫衣Beyond closet<span>399&nbsp; 元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/mesh.jpg"></a>
						<p>网眼白色女衬衫<span>1499&nbsp; 元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/ma_1.jpg"></a>
					<p>MA-1 夹克<span>999&nbsp; 元</span></p>
				</div>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/wappen.jpg"></a>
					<p>开衫 WAPPEN DOG 1<span>499&nbsp; 元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/bag.jpg"></a>
						<p>打褶袋状裤<span>919&nbsp; 元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/no_collar.jpg"></a>
						<p>无领磨边运动衫<span>739&nbsp; 元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/single_p.jpg"></a>
					<p>单口袋风衣<span>1899&nbsp; 元</span></p>
				</div>
			</div>
		</div>
		<div id="cheaper" class="w1200">
			<div class="title">
				<p>超值精选区</p>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/cheaper1.jpg"></a>
					<p>羽绒服 轻暖95绒 连帽<span>充值购买&nbsp; 184元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/cheaper2.jpg"></a>
						<p>衬衫 弹力修身 小方领<span>充值购买&nbsp; 109元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/cheaper3.jpg"></a>
						<p>衬衫 法兰绒 男款<span>充值购买&nbsp; 79元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/cheaper4.jpg"></a>
					<p>羽绒服 轻暖95绒 立领<span>充值购买&nbsp; 184元</span></p>
				</div>
			</div>
		</div>
		<div id="discount2" class="w1200">
			<div class="title">
				<p>充值后2折起</p>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/dis1.jpg"></a>
					<p>卫衣 基础拉链开衫<span>充值购买&nbsp; 87.25元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/dis2.jpg"></a>
						<p>羊毛大衣 连帽绳扣<span>充值购买&nbsp; 499.75元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/dis3.jpg"></a>
						<p>西服 针织双面布<span>充值购买&nbsp; 124.75元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/dis4.jpg"></a>
					<p>休闲裤 拉绒加厚<span>充值购买&nbsp; 117元</span></p>
				</div>
			</div>
		</div>
		<div id="discount3" class="w1200">
			<div class="title">
				<p>充值后3折起</p>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/count1.jpg"></a>
					<p>羊毛大衣 手工双面呢 双色西服领<span>充值购买&nbsp; 359.7元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/count2.jpg"></a>
						<p>针织外套 连帽<span>充值购买&nbsp; 179.7元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/count3.jpg"></a>
						<p>卫衣 中空棉拉链开衫<span>充值购买&nbsp; 239.7元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/count4.jpg"></a>
					<p>羊绒大衣 双面呢<span>充值购买&nbsp; 599.7元</span></p>
				</div>
			</div>
			<div class="contain">
				<div class="left">
					<a href=""><img src="temp/count5.jpg"></a>
					<p>羽绒服 N-3B 95鹅绒<span>充值购买&nbsp; 359.7元</span></p>
				</div>
				<div class="center">
					<div class="m_b">
						<a href=""><img src="temp/count6.jpg"></a>
						<p>羊绒衫 V领套衫<span>充值购买&nbsp; 419.7元</span></p>
					</div>
					<div>
						<a href=""><img src="temp/count7.jpg"></a>
						<p>羊毛衫 精纺V领套衫<span>充值购买&nbsp; 164.7元</span></p>
					</div>
				</div>
				<div class="right">
					<a href=""><img src="temp/count8.jpg"></a>
					<p>羽绒服 针梭拼接<span>充值购买&nbsp; 359.7元</span></p>
				</div>
			</div>
			<div class="contain">
				<div class="special">
					<a href=""><img src="temp/count9.jpg"></a>
					<p>休闲裤 成衣染<span>充值购买&nbsp; 119.7元</span></p>
				</div>
				<div class="special">
					<a href=""><img src="temp/count10.jpg"></a>
					<p>休闲裤弹力灯芯绒<span>充值购买&nbsp; 110.7元</span></p>
				</div>
				<div class="special">
					<a href=""><img src="temp/count11.jpg"></a>
					<p>牛仔裤 弹力修身<span>充值购买&nbsp; 98.7元</span></p>
				</div>
				<div class="special">
					<a href=""><img src="temp/count12.jpg"></a>
					<p>休闲裤 全棉直筒<span>充值购买&nbsp; 110.7元</span></p>
				</div>
			</div>
		</div>
	</div>
	<div id="footer" class="w1200">
		<div id="footTop" class="w1118">
			<ul>
				<li>
					<a href="">
					<p class="onlineCustomer"><img src="img/customer.png"></p>
					<p class="onlineTime">7×9小时在线</p>
					</a>
				</li>
				<li>
					<a href="">
					<p class="seven"><img src="img/seven.png"></p>
					<p>7天内退换货</p>
					<p>购物满199元免运费</p>
					</a>
				</li>
				<li>
					<p><img src="img/vancl.jpg" width="104"></p>
					<p>扫描下载<em>凡客</em>客户端</p>
				</li>
			</ul>
		</div>
		<div class="linktab w1118">
			<ul>
				<li><a href="">关于凡客</a></li>
				<li><a href="">新手指南</a></li>
				<li><a href="">配送范围及时间</a></li>
				<li><a href="">支付方式</a></li>
				<li><a href="">售后服务</a></li>
				<li><a href="">帮助中心</a></li>
			</ul>
		</div>
	</div>
	<div id="bottom">
		<div id="bottomTop" class="w1200">
			<p>Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号</p>
			<p>凡客诚品（北京）科技有限公司</p>
		</div>
		<div id="subBottom" class="w1200">
			<ul>
				<li><a href="" class="cxwz"></a></li>
				<li><a href="" class="cnga"></a></li>
				<li><a href="" class="wsjy"></a></li>
				<li><a href="" class="baxx"></a></li>
				<li><a href="" class="qn"></a></li>
				<li><a href="" class="cctv"><img src="img/cctv.png"></a></li>
			</ul>
		</div>
	</div>
</body>
</html>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="js/vmc.slider.full.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#slider').vmcSlider({
				width: 1200,
				height: 535,
				gridCol: 10,
				gridRow: 5,
				gridVertical: 20,
				gridHorizontal: 10,
				autoPlay: true,
				ascending: true,
				effects: [
					'fade',
				],
				ie6Tidy: false,
				random: false,
				duration: 2000,
				speed: 900
			});
		});
	</script>


<script type="text/javascript">
/*	$('li.aaa').mouseover(function(){
			var index = $(this).attr('index')
			var h = 0;
		console.log(index);
			$('.subNav').eq(index).addClass('b_r');
			$('.subNav').eq(index).css('display','block');
		});	
		$('li.aaa').mouseout(function(){
			var index = $(this).attr('index')
			$('.subNav').eq(index).css('display','none');
			$('.subNav').eq(index).addClass('b_r');
		})*/
</script>